import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import {FormsModule} from '@angular/forms';

import { AppComponent } from './app.component';
import { hello } from './components/hello/hello';
import { FirstComponent } from './components/first/first.component';
import { SecondComponent } from './components/second/second.component';
import { InsertDataComponent } from './syntaxComponents/insert-data/insert-data.component';
import { EventBindComponent } from './syntaxComponents/event-bind/event-bind.component';
import { AttrBindComponent } from './syntaxComponents/attr-bind/attr-bind.component';
import { StructDerectiveComponent } from './syntaxComponents/struct-derective/struct-derective.component';
import { TempVarComponent } from './syntaxComponents/temp-var/temp-var.component';
import { NgModelComponent } from './syntaxComponents/ng-model/ng-model.component';
import { PipeFunComponent } from './syntaxComponents/pipe-fun/pipe-fun.component';
import { ReplacePipe } from './pipes/replace';
import { SplicePipe } from './pipes/splice.pipe';
import { ParentComponent } from './syntaxComponents/parent/parent.component';
import { ChildOneComponent } from './syntaxComponents/parent/child-one/child-one.component';
import { ChildTwoComponent } from './syntaxComponents/parent/child-two/child-two.component';

@NgModule({
  declarations: [
    AppComponent,
    hello,
    FirstComponent,
    SecondComponent,
    InsertDataComponent,
    EventBindComponent,
    AttrBindComponent,
    StructDerectiveComponent,
    TempVarComponent,
    NgModelComponent,
    PipeFunComponent,
    ReplacePipe,
    SplicePipe,
    ParentComponent,
    ChildOneComponent,
    ChildTwoComponent,
  ],
  imports: [
    BrowserModule,
    FormsModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }
